﻿@model SongMenuIndexModel
@{
    ViewData["Title"] = "歌单";
}

<!-- masonry
    ================================================== -->
<section id="bricks">

    <div class="row masonry">

        <!-- brick-wrapper -->
        <div class="bricks-wrapper">

            <div class="grid-sizer"></div>

            @foreach (var item in Model.SongMenus)
            {
                <article class="brick entry animate-this">

                    <div class="entry-thumb">
                        <a asp-action="Detail" asp-controller="SongMenu" asp-route-id="@item.Id" class="thumb-link">
                            <img src="@item.CoverImgSrc" alt="building">
                        </a>
                    </div>

                    <div class="entry-text">
                        <div class="entry-header">

                            <div class="entry-meta">
                                <span class="cat-links">
                                    <a href="#">群星</a>
                                    <a href="#">古典</a>
                                </span>
                            </div>

                            <h1 class="entry-title"><a href="single-standard.html">@item.Name</a></h1>

                        </div>
                        <div class="entry-excerpt">
                            @item.Describe
                        </div>
                    </div>

                </article> <!-- end article -->
            }

        </div> <!-- end brick-wrapper -->

    </div> <!-- end row -->
    @*<div class="row">

            <nav class="pagination">
                <span class="page-numbers prev inactive">Prev</span>
                <span class="page-numbers current">1</span>
                <a href="#" class="page-numbers">2</a>
                <a href="#" class="page-numbers">3</a>
                <a href="#" class="page-numbers">4</a>
                <a href="#" class="page-numbers">5</a>
                <a href="#" class="page-numbers">6</a>
                <a href="#" class="page-numbers">7</a>
                <a href="#" class="page-numbers">8</a>
                <a href="#" class="page-numbers">9</a>
                <a href="#" class="page-numbers next">Next</a>
            </nav>

        </div>*@

    @Html.Raw(Model.Page)

</section> <!-- end bricks -->
